<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <title>农业交易平台</title>
    <meta name="description" content="农业交易平台">
    <meta name="keywords" content="网上交易，网上商城，家电，手机，电脑，服装">
    <link rel="stylesheet" href="/static/css/iconfont.css">
    <link rel="stylesheet" href="/static/css/search.css">
    <link rel="stelesheet" href="/static/plugins/layui/css/layui.css">
    <link rel="stylesheet" href="/static/css/search/zxf_page.css"/>
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <#--    <script type="text/javascript" src="/plugins/jquery/jquery-3.4.1.min.js"></script>-->
    <script type="text/javascript" src="/static/js/search/zxf_page.js"></script>
    <script type=“text/javascript src="/static/js/search/jquery-1.11.1.min.js"></script>
</head>
<body>
<!-- <script src="js/canvas.js"></script> -->
<#--<div id="top-test"></div>-->
<div class="top-nav">
    <div class="w clearfix">
        <div class="login" id="loginuser">
            <a id="login" target="_self" href="/static/login.html" class="h">您好，请登录</a>
            <a id="register" target="_blank" href="/static/login.html" href="#">免费注册</a>
        </div>
        <ul class="nav-list">
            <li>
                <a href="#" class="link"  id ="myOrder">我的订单<span style="color: red;"><b
                                id="orderNum"></b></span></a>
            </li>
            <li>
                <a href="/cart.html" class="link" target="_blank">购物车<span style="color: red;"><b
                                id="cartNum"></b></span></a>
            </li>
            <li>
                <a href="http://localhost:8888/static/login.html" class="link">供应商后台</a>
            </li>
            <li>
                <a href="#" class="link">收藏夹</a>
            </li>
            <li>
                <a href="#" class="link">联系客服</a>
            </li>
        </ul>
    </div>
</div>
<div class="searchWrap">
    <div class="w">
        <a href="#" class="logo"><img id="logoimg" src="/static/img/logo1.png" style="width: 200px;height: 65px;color: #000;"></a>
        <div class="search-box clearfix">
            <input class="searchInput" type="text" id="searchInput" placeholder="请输入关键字搜索">
            <button class="search-btn">搜索</button>
            <script>
                $(document).ready(function () {
                    $(".search-btn").click(function () {
                        var inputvalue = $("#searchInput").val();
                        window.location.href = "/search.html?inputvalue=" + inputvalue + "&pageNum=" + "1";
                    });

                });
            </script>
            <ul id="search-suggest" class="search-suggest">
                <!-- <li>html5</li>x
                  <li>css3</li>
                  <li>js</li> -->
            </ul>
        </div>
    </div>
</div>
<div id="hotsale" class="layer w">
    <div class="layer-inner">
        <h3 class="hotSale">搜索结果</h3>
        <ul id="hotSaleList" class="saleList clearfix">
            <li class="bs-item item">
                <a href="">
                    <img src="img/sanxing.jpg" alt="" class="item-img">
                    <p class="title" style="margin-left: 10px">分布式无线路由器sadsa</p>
                    <p class="margintest">发货地址:</p>
                    <div class="line-2 clearfix margintest">
                        <span class="comment">评论<em>8888</em></span>
                        <span class="collect">收藏<em>8888</em></span>
                    </div>
                    <div class="line-3 margintest">
                        <span class="strong">1100</span>
                        <span class="price-through">￥2400</span>
                        <span class="sell">月销1000笔</span>
                    </div>
                </a>
            </li>
            <#--        <li class="bs-item item">-->
            <#--          <a href="">-->
            <#--            <img src="img/good.jpg" alt="" class="item-img">-->
            <#--            <p class="title">分布式无线路由器11111111111111111111111111111111111111111</p>-->
            <#--            <div class="line-2 clearfix">-->
            <#--              <span class="comment">评论<em>8888</em></span>-->
            <#--              <span class="collect">收藏<em>8888</em></span>-->
            <#--            </div>-->
            <#--            <div class="line-3">-->
            <#--              <span class="strong">1100</span>-->
            <#--              <span class="price-through">￥2400</span>-->
            <#--              <span class="sell">月销1000笔</span>-->
            <#--            </div>-->
            <#--          </a>-->
            <#--        </li>-->
            <#--        <li class="bs-item item">-->
            <#--          <a href="">-->
            <#--            <img src="img/good.jpg" alt="" class="item-img">-->
            <#--            <p class="title">分布式无线路由器11111111111111111111111111111111111111111</p>-->
            <#--            <div class="line-2 clearfix">-->
            <#--              <span class="comment">评论<em>8888</em></span>-->
            <#--              <span class="collect">收藏<em>8888</em></span>-->
            <#--            </div>-->
            <#--            <div class="line-3">-->
            <#--              <span class="strong">1100</span>-->
            <#--              <span class="price-through">￥2400</span>-->
            <#--              <span class="sell">月销1000笔</span>-->
            <#--            </div>-->
            <#--          </a>-->
            <#--        </li>-->
            <#--        <li class="bs-item item">-->
            <#--          <a href="">-->
            <#--            <img src="img/good.jpg" alt="" class="item-img">-->
            <#--            <p class="title">分布式无线路由器11111111111111111111111111111111111111111</p>-->
            <#--            <div class="line-2 clearfix">-->
            <#--              <span class="comment">评论<em>8888</em></span>-->
            <#--              <span class="collect">收藏<em>8888</em></span>-->
            <#--            </div>-->
            <#--            <div class="line-3">-->
            <#--              <span class="strong">1100</span>-->
            <#--              <span class="price-through">￥2400</span>-->
            <#--              <span class="sell">月销1000笔</span>-->
            <#--            </div>-->
            <#--          </a>-->
            <#--        </li>-->
            <#--        <li class="bs-item item">-->
            <#--          <a href="">-->
            <#--            <img src="img/good.jpg" alt="" class="item-img">-->
            <#--            <p class="title">分布式无线路由器11111111111111111111111111111111111111111</p>-->
            <#--            <div class="line-2 clearfix">-->
            <#--              <span class="comment">评论<em>8888</em></span>-->
            <#--              <span class="collect">收藏<em>8888</em></span>-->
            <#--            </div>-->
            <#--            <div class="line-3">-->
            <#--              <span class="strong">1100</span>-->
            <#--              <span class="price-through">￥2400</span>-->
            <#--              <span class="sell">月销1000笔</span>-->
            <#--            </div>-->
            <#--          </a>-->
            <#--        </li> -->
        </ul>
    </div>
</div>
<!--翻页-->
<div class="zxf_pagediv"></div>
<script type="text/javascript">

</script>
<div class="footer">
    <ul class="footer_container w">
        <div class="footer_social">
            <a href="">
                <img
                        src=""
                        alt="官方微博">
            </a>
            <a href="">
                <img
                        src=""
                        alt="官方公众号">
            </a>
            <a href="">
                <img
                        src=""
                        alt="客服QQ">
            </a>
        </div>
        <ul class="footer_link">
            <li><a>关于我们</a></li>
            <li><a>联系我们</a></li>
            <li><a>帮助中心</a></li>
            <li><a>加入我们</a></li>
            <li><a>商家合作</a></li>
            <li><a>友情链接</a></li>
        </ul>
        <div class="footer_copyright">Copyright © 2020 农业交易平台，川ICP备xxxxx号</div>
    </ul>
</div>
<#--<div class="tool">-->
<#--    <a href="#miaosha" class="on tool-item1">特价<br>抢购</a>-->
<#--    <a href="#hotsale" class="tool-item2">热卖<br>单品</a>-->
<#--    <a href="#guesslike" class="tool-item3">为你<br>推荐</a>-->
<#--    <a id="goTop" class="tool-item4" onclick="goTop()"><span class="top-arrow"></span>顶部</a>-->
<#--    <a class="tool-item5">反馈</a>-->
<#--</div>-->
<script src="/static/js/ajax.js"></script>
<script src="/static/js/search.js"></script>
<script src="/static/plugins/layui/layui.js"></script>
<#if Session["userid"]?exists>
    <input type="hidden" id="username" value="${Session["userid"]}">
</#if>
<script>
    $(document).ready(function () {
        var userName = $("#username").val();
        //登录成功后
        loginSuccess();
        //获取购物车数量
        $.ajax({
            url: "/getShopcartNum",
            data: {userName: userName},
            type: "post",
            success: function (res) {
                if (res.code === 0) {
                    $("#cartNum").html(res.data);
                }
            }
        });
        //获取购物车数量
        $.ajax({
            url: "/getOrderNum",
            data: {userName: userName},
            type: "post",
            success: function (res) {
                if (res.code === 0) {
                    $("#orderNum").html(res.data);
                }
            }
        });
    });

    function loginSuccess() {
        var user = $("#username").val();
        if (user == null || user == "" || user.length == 0) {

        } else {
            str = `<p id="userhover" style="margin-left: 50px">欢迎，` + user + `</p>`;
            $("#loginuser").html(str);
        }
    }
</script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;
        $("#userhover").click(function () {
            layer.confirm('亲！您确定要退出登录吗？', {
                btn: ['确定','取消'] //按钮
            }, function(){
                // layer.msg('的确很重要', {icon: 1});
                window.location.href="/loginout.html";
            }, function(){

            });

        });
        //我的订单
        $("#myOrder").click(function (){
            //iframe层-父子操作
            layer.open({
                type: 2,
                title: '我的订单',
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['1100px', '700px'],
                content: '../static/myOrder.html'
            });
        });
    });
</script>
</body>

</html>